body{
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url(../img/bg.jpg);
}

.centrar{
    width: 95%;
    margin: auto;
    text-align: center;

 
}

.error{color:red;}
.resaltar{background: yellow;}

.titulo{
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.divbr{clear: both;}

.formulario {border: 1px solid navy;background: #CAE6FB; font-size: 11px; width: 95%; margin-left: auto; margin-right: auto;}
.formulario tr td{border-bottom: 1px silver solid;}
.formulario .outputLabel{font-weight: bold; color: navy;}
.formulario .outputText{color: gray;}
.formulario .inputText{border: 1px solid navy; width: 200px;}
.formulario .inputTextarea{border: 1px solid navy; width: 200px; height: 75px;}
.formulario .inputFileUpload{border: 1px solid navy; width: 200px;}
.formulario .inputCalendar {width: 100px; display: inline;}
.formulario .inputCalendar input[type="text"]{border: 1px solid navy; width: 65px; margin-right: 2px;}
.formulario .inputCalendar input[type="button"]{border: 1px solid #CAE6FB; width: 25px; height: 20px; margin-right: 10px; background: url(img/icocal.jpg) no-repeat;}
.formulario .selectOneMenu {border: 1px solid navy; width: 200px; }
.formulario .commandButton {border: 1px solid navy; background: url(img/buttonbg.jpg) repeat-x top ; color: white; height: 20px; font-weight: bold; margin-right: 10px; }
.formulario .commandButton_Main {border: 2px solid navy; background: url(img/buttonbg.jpg) repeat-x top ; color: white; height: 22px; font-weight: bold; margin-right: 10px; }
.formulario .selectOneRadio{width: 200px;}
.formulario .selectOneRadio td{border: none;}



#div1{
    width: 990px;
    margin: 0px auto;
   
}


#div2{
    width: 990px;
    margin: 0px auto;
   
}

#div3{
    width: 980px;
     margin: 0px auto;
}


#cabecera .left{
    width: 390px;
    height: 88px;
    float: left;
    background: url(../img/cabecera_logo.jpg) no-repeat;
}

#cabecera .right{
    width: 590px;
    height: 88px;
    float: right;
    
    background-image: url(../img/cabecera_iconbar.jpg);

}


#infoline{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    text-align: right;
    margin-right: 20px;
}
#infoline label{
    font-weight: bold;
}
#infoline span{
    margin-right: 20px;
}
#infoline a{
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#infoline a:hover{
    /*ackground: #8EDAF2;*/
    color: #FFFF66;
}


#cabecera .right .bottom .spacer{height: 17px;}

#iconbar a{
    float: right;
    margin-right: 36px;
}




#centro{
  
}


#centro .spacer_centro_inicio{height: 10px;}
#centro .spacer_centro_final{height: 10px;}
#centro .spacer_navbar{height: 6px;}

#navbar{
    width: 950px;
    margin: auto;
background: #DAA520;
}

#navbar .left{
    width: 13px;
    height: 30px;
    float: left;
    background-image:url(../img/navbar_left.png);
    background-repeat:no-repeat;
}

#navbar .center{
    float: left;
    width: 924px;
    height: 30px;
    background-image:url(../img/navbar_center.png);
     background-repeat:repeat-x
}

#navbar .right{
    width: 13px;
    height: 30px;
    float: right;
   background-image:url(../img/navbar_right.png);
   background-repeat:no-repeat;
}

#navbar .text{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#navbar .text a{
    text-decoration: none;
    color: #000000;
    margin-right: 10px;

}

#navbar .text a:hover{
    text-decoration: underline;
    
    color: white;
}

#navbar .text img{
    margin-right: 10px;
}


#cuadro .cuadro_top{
    width: 967px;
    height: 14px;
    background-image: url(../img/cuadro_top.jpg);
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
#cuadro .cuadro_bottom{
    width: 967px;
    height: 16px;
     background-image: url(../img/cuadro_bottom.jpg);
    margin-left: auto;
    margin-right: auto;
}
#cuadro .cuadro_middle{
    width: 967px;
     background-image: url(../img/cuadro_out.jpg);
     background-repeat:repeat-x;
    margin-left: auto;
    margin-right: auto;
}

#cuadro .cuadro_center{
    width: 950px;
    background-image:url(../img/cuadro_in.jpg);
    background-repeat:repeat-x;
    background-color:#F0F0F0;
    margin-left: 9px;
}










#cuadro .cuadro_top_amarillo{
    width: 967px;
    height: 14px;
    background-image:url(../img/cuadro_top.jpg);
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
#cuadro .cuadro_bottom_amarillo{
    width: 967px;
    height: 16px;
    background-image: url(../img/cuadro_bottom.jpg);
    margin-left: auto;
    margin-right: auto;
}
#cuadro .cuadro_middle_amarillo{
    width: 967px;
    background-image: url(../img/cuadro_out.jpg) ;
    background-repeat:repeat-x;
    background-color:#FCD860;
    margin-left: auto;
    margin-right: auto;
}

#cuadro .cuadro_center_amarillo{
    width: 950px;
    background-image: url(../img/cuadro_in.jpg);
    background-repeat:repeat-x;
    background-color:#FCEDBE;
    margin-left: 9px;
}











#cuadro .spacer_cuadro{
    float: left;
    height: 450px;
    width: 0px;
}
#cuadro .spacer_cuadro_amarillo{
    float: left;
    height: 400px;
    width: 0px;
}
#cuadro .cuadro_interior_amarillo{
    float: left;
    width: 836px;
    margin-left: 50px;
    margin-top: 20px;
}

#pie{
    background-image: url(../img/piebg.jpg);
    background-repeat:repeat-x;
    width: 980px;
    height: 89px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
}

#pie div{
    float: left;
    margin: 17px 5px 0px 5px;
}


.cuadro_interior_2cols #splitter_menu{display: none;}
.cuadro_interior_2cols #splitter_central{display: block; width: 6px;}
.cuadro_interior_2cols .left{display: block; width: 241px;}
.cuadro_interior_2cols .right{width: 688px;}
.cuadro_interior_2cols .right .contenido .top{width: 688px;height: 11px;background-image: url(../img/contenido_top.png); background-repeat:no-repeat;}
.cuadro_interior_2cols .right .contenido .middle{width: 688px;background-image: url(../img/contenido_middle.jpg); background-repeat:no-repeat;}
.cuadro_interior_2cols .right .contenido .middle .text{width: 670px; margin-left: auto; margin-right: auto;}
.cuadro_interior_2cols .right .contenido .bottom{width: 688px;height: 12px;background-image: url(../img/contenido_bottom.png); background-repeat:no-repeat;}

.cuadro_interior_1col #splitter_menu{display: block; width: 13px; margin-left: 4px;}
.cuadro_interior_1col #splitter_central{display: none;}
.cuadro_interior_1col .left{display: none;}
.cuadro_interior_1col .right{width: 925px;}
.cuadro_interior_1col .right .contenido .top{width: 925px;height: 11px;background: url(../img/contenido_top_wide.png) no-repeat;}
.cuadro_interior_1col .right .contenido .middle{width: 925px;background: url(../img/contenido_middle_wide.jpg) repeat-y;}
.cuadro_interior_1col .right .contenido .middle .text{width: 907px; margin-left: auto; margin-right: auto;}
.cuadro_interior_1col .right .contenido .bottom{width: 925px;height: 12px;background: url(../img/contenido_bottom_wide.png) no-repeat;}


.cuadro_center .left{
    float: left;
    margin-left: 7px;
}

.cuadro_center .center{
    float: left;

}

.cuadro_center .right{
    float: left;

}

.cuadro_center .left .menu {
    margin-bottom: 10px;
}
.cuadro_center .right .contenido {
    margin-bottom: 10px;
}

.cuadro_center .left .menu .top .spacer {height: 10px;}
.cuadro_center .left .menu .top .text{
    color: white;
    font-weight:bold;
    margin-left: 10px;
}

.cuadro_center .left .menu .top{
    width: 241px;
    height: 30px;
}

.cuadro_center .left .menu .middle{
    width: 241px;
    background: url(../img/menu_middle.jpg) repeat-y;
}

.cuadro_center .left .menu .bottom{
    width: 241px;
    height: 12px;
    background-image: url(../img/menu_bottom.png);
    background-repeat: no-repeat;
}

.cuadro_center .left #principal .top{
    background-image: url(../img/menu_top_celeste.png);
    background-repeat: no-repeat;
}

.cuadro_center .left #secundario .top{
    background-image: url(../img/menu_top_naranja.png);
    background-repeat: no-repeat;
}



